<admintpl file="header" />
<link href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<!--Calender -->
<link rel="stylesheet" href="__TMPL__Public/assets/css/clndr.css" type="text/css" />
<script src="__TMPL__Public/assets/js/underscore-min.js" type="text/javascript"></script>
<script src= "__TMPL__Public/assets/js/moment-2.2.1.js" type="text/javascript"></script>
<script src="__TMPL__Public/assets/js/clndr.js" type="text/javascript"></script>
<script src="__TMPL__Public/assets/js/site.js" type="text/javascript"></script>
<!--End Calender -->
<style>
body{
	background: #F5F5F5;
}
.row{
  margin-top: 15px;
}
.no-padding{
  padding: 0px;
}
.home_info li em {
	float: left;
	width: 120px;
	font-style: normal;
}
li {
	list-style: none;
}
.panel-left{
  color: #fff;
  padding: 15px 0;
  font-size: 45px;
}
.panel-right{
  color: #A2A2AF;
  padding: 45px 0 0 30px;
  font-size: 14px;
}
.progress{
  height: 55px;
  margin-bottom: 23px;
}
.progress-text{
  color: #A2A2AF;
  line-height: 55px;
  font-size: 14px;
}
.well{
  background: rgb(6, 217, 149);
  border: 0px;
  color: #FFF;
}
.home_info li{
  color:  #A2A2AF;
  line-height: 28px;
}
.home_info li span a{
  color:  #A2A2AF;
}
</style>
</head>
<body>
  <div class="row">
  <div class="col-md-3">
    <div class="col-md-12 no-padding panel">
      <a href="__ROOT__/" title="{:L('WEBSITE_HOME_PAGE')}" target="_blank">
        <div class="col-md-4 panel-left btn-warning text-center"><i class="fa fa-home"></i></div>
        <div class="col-md-8 panel-right"><p>网站首页 / WEB</p></div>
      </a>
    </div>
  </div>
  <div class="col-md-3">
    <div class="col-md-12 no-padding panel">
      <a href="#">
        <div class="col-md-4 panel-left btn-success text-center"><i class="fa fa-th"></i></div>
        <div class="col-md-8 panel-right"><p>分类管理 / CLASS</p></div>
      </a>
    </div>
  </div>
  <div class="col-md-3">
    <div class="col-md-12 no-padding panel">
      <a href="#">
        <div class="col-md-4 panel-left btn-info text-center"><i class="fa fa-pencil"></i></div>
        <div class="col-md-8 panel-right"><p>文章管理 / ARTICLE</p></div>
      </a>
    </div>
  </div>
  <div class="col-md-3">
    <div class="col-md-12 no-padding panel">
      <a href="#">
        <div class="col-md-4 panel-left btn-danger text-center"><i class="fa fa-user"></i></div>
        <div class="col-md-8 panel-right"><p>用户管理 / USER</p></div>
      </a>
    </div>
  </div>
  </div>
<div class="row">
  <div class="col-md-4">
    <div class="cal1 cal_2">
      <div class="clndr">
        <div class="clndr-controls">
          <div class="clndr-control-button">
            <p class="clndr-previous-button">previous</p>
          </div>
          <div class="month">June 2016</div>
          <div class="clndr-control-button rightalign">
            <p class="clndr-next-button">next</p>
          </div>
        </div>
        <table class="clndr-table" border="0" cellspacing="0" cellpadding="0">
          <thead>
            <tr class="header-days">
              <td class="header-day">S</td>
              <td class="header-day">M</td>
              <td class="header-day">T</td>
              <td class="header-day">W</td>
              <td class="header-day">T</td>
              <td class="header-day">F</td>
              <td class="header-day">S</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="day past adjacent-month last-month calendar-day-2016-05-29"><div class="day-contents">29</div></td>
              <td class="day past adjacent-month last-month calendar-day-2016-05-30"><div class="day-contents">30</div></td>
              <td class="day past adjacent-month last-month calendar-day-2016-05-31"><div class="day-contents">31</div></td>
              <td class="day past calendar-day-2016-06-01"><div class="day-contents">1</div></td>
              <td class="day past calendar-day-2016-06-02"><div class="day-contents">2</div></td>
              <td class="day past calendar-day-2016-06-03"><div class="day-contents">3</div></td>
              <td class="day past calendar-day-2016-06-04"><div class="day-contents">4</div></td>
            </tr>
            <tr>
              <td class="day past calendar-day-2016-06-05"><div class="day-contents">5</div></td>
              <td class="day today calendar-day-2016-06-06"><div class="day-contents">6</div></td>
              <td class="day calendar-day-2016-06-07"><div class="day-contents">7</div></td>
              <td class="day calendar-day-2016-06-08"><div class="day-contents">8</div></td>
              <td class="day calendar-day-2016-06-09"><div class="day-contents">9</div></td>
              <td class="day event calendar-day-2016-06-10"><div class="day-contents">10</div></td>
              <td class="day event calendar-day-2016-06-11"><div class="day-contents">11</div></td>
            </tr>
            <tr>
              <td class="day event calendar-day-2016-06-12"><div class="day-contents">12</div></td>
              <td class="day event calendar-day-2016-06-13"><div class="day-contents">13</div></td>
              <td class="day event calendar-day-2016-06-14"><div class="day-contents">14</div></td>
              <td class="day calendar-day-2016-06-15"><div class="day-contents">15</div></td>
              <td class="day calendar-day-2016-06-16"><div class="day-contents">16</div></td>
              <td class="day calendar-day-2016-06-17"><div class="day-contents">17</div></td>
              <td class="day calendar-day-2016-06-18"><div class="day-contents">18</div></td>
            </tr>
            <tr>
              <td class="day calendar-day-2016-06-19"><div class="day-contents">19</div></td>
              <td class="day calendar-day-2016-06-20"><div class="day-contents">20</div></td>
              <td class="day event calendar-day-2016-06-21"><div class="day-contents">21</div></td>
              <td class="day event calendar-day-2016-06-22"><div class="day-contents">22</div></td>
              <td class="day event calendar-day-2016-06-23"><div class="day-contents">23</div></td>
              <td class="day calendar-day-2016-06-24"><div class="day-contents">24</div></td>
              <td class="day calendar-day-2016-06-25"><div class="day-contents">25</div></td>
            </tr>
            <tr>
              <td class="day calendar-day-2016-06-26"><div class="day-contents">26</div></td>
              <td class="day calendar-day-2016-06-27"><div class="day-contents">27</div></td>
              <td class="day calendar-day-2016-06-28"><div class="day-contents">28</div></td>
              <td class="day calendar-day-2016-06-29"><div class="day-contents">29</div></td>
              <td class="day calendar-day-2016-06-30"><div class="day-contents">30</div></td>
              <td class="day adjacent-month next-month calendar-day-2016-07-01"><div class="day-contents">1</div></td>
              <td class="day adjacent-month next-month calendar-day-2016-07-02"><div class="day-contents">2</div></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-md-8 no-padding" style="background:#FFF;">
    <div class="container-fluid no-padding">
      <div class="col-md-1 text-center progress-text">文章</div>
      <div class="col-md-11">
        <div class="progress progress-striped active">
           <div class="progress-bar progress-bar-warning" role="progressbar"
              aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
              style="width: 90%;">
              <span class="sr-only">90% 完成</span>
           </div>
        </div>
      </div>
    </div>
    <div class="container-fluid no-padding">
      <div class="col-md-1 text-center progress-text">访客</div>
      <div class="col-md-11">
        <div class="progress progress-striped active">
           <div class="progress-bar progress-bar-info" role="progressbar"
              aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
              style="width: 46%;">
              <span class="sr-only">46% 完成</span>
           </div>
        </div>
      </div>
    </div>
    <div class="container-fluid no-padding">
      <div class="col-md-1 text-center progress-text">用户</div>
      <div class="col-md-11">
        <div class="progress progress-striped active">
           <div class="progress-bar progress-bar-danger" role="progressbar"
              aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
              style="width: 30%;">
              <span class="sr-only">30% 完成</span>
           </div>
        </div>
      </div>
    </div>
    <div class="container-fluid no-padding">
      <div class="col-md-1 text-center progress-text">留言</div>
      <div class="col-md-11">
        <div class="progress progress-striped active">
           <div class="progress-bar progress-bar-warning" role="progressbar"
              aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
              style="width: 60%;background-color: #E88BCC;">
              <span class="sr-only">60% 完成</span>
           </div>
        </div>
      </div>
    </div>
    <div class="container-fluid no-padding">
      <div class="col-md-1 text-center progress-text">分类</div>
      <div class="col-md-11">
        <div class="progress progress-striped active">
           <div class="progress-bar progress-bar-success" role="progressbar"
              aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
              style="width: 70%;">
              <span class="sr-only">70% 完成</span>
           </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12" style="background:#FFF;">
    <h4 class="well">{:L('SYSTEM_INFORMATIONS')}</h4>
    <div class="home_info">
      <ul>
        <volist name="server_info" id="vo">
          <li><em>{$key}</em> <span>{$vo}</span></li>
        </volist>
      </ul>
    </div>
  </div>
</div>
</body>
</html>
